<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-CN">
  
  <head>
    
    <%@ include file="/WEB-INF/include/meta.jsp"%>
    <%@ include file="/WEB-INF/include/css.jsp"%>
    <title>人马君</title>
  </head>
  <!-- end header -->
  <body>
    <div class="page-group">
      <div class="page page-current" style="background: #313131;">
        <div class="content">
          <div class="profile-cover" style=" background-color: #313131; margin-bottom: 2.2rem;"">
            <div class="cover-box box-shadow" style="padding-bottom: 1.25rem; margin-bottom: .5rem;">
              <img src="${user.profile.avatar}" class="user-cover" onerror="this.src='${ctx.resource}/image/error.jpg'">
              <div class="username">${user.name}</div>
              <div class="mission-header">
                <div class="punch-day"><span>${courseRound.signinDays}</span>坚持打卡/天</div>
                <div class="punch-time"><span>${courseRound.signinMinutes}</span>坚持运动/分钟</div>
              </div> 
              <div class="share-course-box">
                <div class="mission-title"><span>今日打卡课程</span></div>
                <p class="text-center" style="font-size: 1.05rem; font-weight: bold; margin: .25rem 0;">${dailyCourseware.template.name}</p>
                <img src="${cloud.prod}/${courseRound.course.cover}" width="100%">
                <div class="share-contact-box clearfix">
                  <img class="pull-left" src="${cloud.prod}/${qrcode}">
                  <p class="share-contact pull-right"><span style="font-size: .8rem; display: block; letter-spacing: .5px;">长按识别二维码关注</span>
                    <img src="${ctx.resource}/image/share-course-text.png" style="display: block; width: 100%; margin: .4rem 0;">
                   <span style="font-size: .65rem;">每天10分钟培养你运动好习惯</span>
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    
    <%@ include file="/WEB-INF/include/script.jsp"%>
    <d:resource root="${ctx.resource}/build" type="script" src="js/page/course/unit/unit-share.js" />
    <script type="text/javascript">
      require(['page/course/unit/unit-share'], function(page) {
        page.init()
      })
    </script>
  </body>
</html>